<%-- 
    Document   : sidebarcontent
    Created on : Oct 7, 2011, 10:11:42 AM
    Author     : Administrator
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<div id="sidebar">
    <div class="side-col ui-sortable">
        <div class="portlet ui-widget ui-widget-content ui-helper-clearfix ui-corner-all">
        <!-- Bắt đầu trang hướng dẫn thanh toán -->
            <div class="portlet-header ui-widget-header">Hướng dẫn thanh toán</div>
                <div class="portlet-content">
                    <ul class="side-menu">
                        <li>
                            <a class="set_theme" id="default" href="javascript:void(0);" title="Default Theme">Nạp thẻ ATM</a>
                        </li>
                        <li>
                            <a class="set_theme" id="light_blue" href="javascript:void(0);" title="Light Blue Theme">Nạp thẻ Zing</a>
                        </li>
                        <li>
                            <a class="set_theme" id="light_blue" href="javascript:void(0);" title="Light Blue Theme">Chuyển khoản</a>
                        </li>
                        <li>
                            <a class="set_theme" id="light_blue" href="javascript:void(0);" title="Light Blue Theme">Giao phiếu tận nơi</a>
                        </li>
                    </ul>
                </div>
        </div>
        <!-- Kết thúc trang hướng dẫn thanh toán -->    
        <div class="portlet ui-widget ui-widget-content ui-helper-clearfix ui-corner-all">
            <div class="portlet-header ui-widget-header">Layout Options</div>
            <div class="portlet-content">
                <ul class="side-menu">
                    <li>
                        Here, you can set the page width, either fixed or fluid. You decide!<br /><br />
                    </li>
                    <li id="fluid_layout">
                        <a href="javascript:void(0);" title="Fluid Layout">Switch to <b>Fluid Layout</b></a>
                    </li>
                    <li id="fixed_layout">
                        <a href="javascript:void(0);" title="Fixed Layout">Switch to <b>Fixed Layout</b></a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="portlet ui-widget ui-widget-content ui-helper-clearfix ui-corner-all">
            <div class="portlet-header ui-widget-header">Navigation Menu</div>
            <div class="portlet-content">
                <div id="accordion">
                    <div>
                        <h3><a href="#">Dashboard</a></h3>
                        <div>
                            <ul class="side-menu">
                                <li><a href="index.html" title="Administration">Administration</a></li>
                                <li><a href="forms.html" title="Forms">Forms Example</a></li>
                                <li><a href="tables.html" title="Tables">Tables example</a></li>
                            </ul>
                        </div>
                    </div>
                    <div>
                        <h3><a href="#">Dummy drop down</a></h3>
                        <div>
                            <ul class="side-menu">
                                <li><a href="index.html" title="Administration">Administration</a></li>
                                <li><a href="forms.html" title="Forms">Forms Example</a></li>
                                <li><a href="tables.html" title="Tables">Tables example</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="other-box yellow-box ui-corner-all">
            <div class="cont tooltip ui-corner-all" title="Tooltips, tooltips, tooltips !">
                <h3>Tooltip !</h3>
                <p>This is a sample tooltip !</p>
            </div>
        </div>
        <div class="portlet ui-widget ui-widget-content ui-helper-clearfix ui-corner-all">
            <div class="portlet-header ui-widget-header">Accordion</div>
            <div class="portlet-content">
                <div id="datepicker"></div>
            </div>
        </div>
    </div>
    <div class="clearfix"></div>
</div>